<template lang='pug'>
  div(ref='scroll')
    slot
</template>

<script>
  import bScroll from 'better-scroll';
  export default {
    props:{
      click:{
        type:Boolean,
        default:true
      },
      probeType:{
        type:Number,
        default:3
      },
      scrollX:{
        type:Boolean,
        default:false
      },
      scrollY:{
        type:Boolean,
        default:true
      }
    },
    data() {
      return {
        scroll: {}
      }
    },
    methods:{
      init(){
        this.scroll = new bScroll(this.$refs.scroll,{
          click:this.click,
          probeType:this.probeType,
          scrollX:this.scrollX,
          scrollY:this.scrollY
        })
      }
    },
    mounted(){
      setTimeout(()=>{
        this.init()
      },100)
    }
  }
</script>

<style lang="scss" scoped>

</style>
